:root {
  // 主题色
  --lew-color-primary: var(--lew-color-blue);
  --lew-color-primary-dark: var(--lew-color-blue-dark);
  --lew-color-primary-light: var(--lew-color-blue-light);

  // 功能色
  --lew-color-success: var(--lew-color-green);
  --lew-color-success-dark: var(--lew-color-green-dark);
  --lew-color-success-light: var(--lew-color-green-light);
  --lew-color-normal: var(--lew-color-gray);
  --lew-color-normal-dark: var(--lew-color-gray-dark);
  --lew-color-normal-light: var(--lew-color-gray-light);
  --lew-color-danger: var(--lew-color-red);
  --lew-color-danger-dark: var(--lew-color-red-dark);
  --lew-color-danger-light: var(--lew-color-red-light);
  --lew-color-error: var(--lew-color-red);
  --lew-color-error-dark: var(--lew-color-red-dark);
  --lew-color-error-light: var(--lew-color-red-light);
  --lew-color-warning: var(--lew-color-orange);
  --lew-color-warning-dark: var(--lew-color-orange-dark);
  --lew-color-warning-light: var(--lew-color-orange-light);
  --lew-color-info: var(--lew-color-blue);
  --lew-color-info-dark: var(--lew-color-blue-dark);
  --lew-color-info-light: var(--lew-color-blue-light);

  // 基础色彩
  --lew-color-red: rgb(235, 78, 61);
  --lew-color-red-dark: rgb(202, 52, 35);
  --lew-color-red-light: rgba(202, 52, 35, 0.0918);
  --lew-color-orange: rgb(255, 154, 40);
  --lew-color-orange-dark: rgb(255, 125, 0);
  --lew-color-orange-light: rgba(254, 135, 0, 0.0918);
  --lew-color-yellow: rgb(232, 189, 46);
  --lew-color-yellow-dark: rgb(156, 128, 25);
  --lew-color-yellow-light: rgba(184, 151, 33, 0.0918);
  --lew-color-green: rgb(43, 198, 126);
  --lew-color-green-dark: rgb(29, 172, 108);
  --lew-color-green-light: rgba(56, 144, 58, 0.0918);
  --lew-color-mint: rgb(90, 196, 189);
  --lew-color-mint-dark: rgb(33, 102, 97);
  --lew-color-mint-light: rgba(46, 134, 128, 0.0918);
  --lew-color-teal: rgb(90, 174, 196);
  --lew-color-teal-dark: rgb(37, 97, 112);
  --lew-color-teal-light: rgba(49, 123, 141, 0.0918);
  --lew-color-cyan: rgb(89, 171, 225);
  --lew-color-cyan-dark: rgb(41, 105, 148);
  --lew-color-cyan-light: rgba(52, 131, 184, 0.0918);
  --lew-color-blue: rgb(52, 120, 246);
  --lew-color-blue-dark: rgb(35, 103, 230);
  --lew-color-blue-light: rgba(52, 120, 246, 0.075);
  --lew-color-indigo: rgb(88, 86, 207);
  --lew-color-indigo-dark: rgb(53, 51, 157);
  --lew-color-indigo-light: rgba(53, 51, 157, 0.0918);
  --lew-color-purple: rgb(162, 88, 215);
  --lew-color-purple-dark: rgb(100, 43, 140);
  --lew-color-purple-light: rgba(123, 58, 170, 0.0918);
  --lew-color-pink: rgb(235, 68, 90);
  --lew-color-pink-dark: rgb(156, 29, 46);
  --lew-color-pink-light: rgba(186, 35, 55, 0.0918);
  --lew-color-brown: rgb(157, 133, 99);
  --lew-color-brown-dark: rgb(86, 67, 40);
  --lew-color-brown-light: rgba(110, 86, 53, 0.0918);
  --lew-color-gray: rgb(142, 142, 147);
  --lew-color-gray-dark: rgb(83, 83, 83);
  --lew-color-gray-light: rgba(83, 83, 83, 0.0918);
  --lew-color-black: var(--lew-bgcolor-2-invert);
  --lew-color-black-dark: var(--lew-bgcolor-0-invert);
  --lew-color-black-light: var(--lew-bgcolor-5);

  // 背景色
  --lew-bgcolor-0: rgb(255, 255, 255);
  --lew-bgcolor-1: rgb(250, 250, 250);
  --lew-bgcolor-2: rgb(245, 245, 245);
  --lew-bgcolor-3: rgb(235, 235, 235);
  --lew-bgcolor-4: rgb(225, 225, 225);
  --lew-bgcolor-5: rgb(215, 215, 215);
  --lew-bgcolor-6: rgb(205, 205, 205);
  --lew-bgcolor-7: rgb(195, 195, 195);
  --lew-bgcolor-8: rgb(185, 185, 185);
  --lew-bgcolor-9: rgb(175, 175, 175);

  // 背景色反相
  --lew-bgcolor-0-invert: rgb(20, 20, 20);
  --lew-bgcolor-1-invert: rgb(30, 30, 30);
  --lew-bgcolor-2-invert: rgb(40, 40, 40);
  --lew-bgcolor-3-invert: rgb(50, 50, 50);
  --lew-bgcolor-4-invert: rgb(60, 60, 60);
  --lew-bgcolor-5-invert: rgb(70, 70, 70);
  --lew-bgcolor-6-invert: rgb(80, 80, 80);
  --lew-bgcolor-7-invert: rgb(90, 90, 90);
  --lew-bgcolor-8-invert: rgb(110, 110, 110);
  --lew-bgcolor-9-invert: rgb(120, 120, 120);

  // 文本颜色
  --lew-text-color-0: rgb(20, 20, 20);
  --lew-text-color-1: rgb(30, 30, 30);
  --lew-text-color-2: rgb(50, 50, 50);
  --lew-text-color-3: rgb(70, 70, 70);
  --lew-text-color-4: rgb(90, 90, 90);
  --lew-text-color-5: rgb(110, 110, 110);
  --lew-text-color-6: rgb(130, 130, 130);
  --lew-text-color-7: rgb(150, 150, 150);
  --lew-text-color-8: rgb(170, 170, 170);
  --lew-text-color-9: rgb(190, 190, 190);

  // 文本颜色反相
  --lew-text-color-0-invert: rgb(255, 255, 255);
  --lew-text-color-1-invert: rgb(235, 235, 235);
  --lew-text-color-2-invert: rgb(215, 215, 215);
  --lew-text-color-3-invert: rgb(195, 195, 195);
  --lew-text-color-4-invert: rgb(175, 175, 175);
  --lew-text-color-5-invert: rgb(155, 155, 155);
  --lew-text-color-6-invert: rgb(135, 135, 135);
  --lew-text-color-7-invert: rgb(115, 115, 115);
  --lew-text-color-8-invert: rgb(95, 95, 95);
  --lew-text-color-9-invert: rgb(75, 75, 75);

  // 全局
  --lew-color-white: #fff;
  --lew-color-white-text: rgba(255, 255, 255, 0.9);
  --lew-disabled-opacity: 0.5;
  --lew-box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.5);

  // 边框
  --lew-border-0: 1px solid rgb(245, 245, 245);
  --lew-border-1: 1px solid rgb(235, 235, 235);
  --lew-border-2: 1px solid rgb(225, 225, 225);
  --lew-border-3: 1px solid rgb(215, 215, 215);
  --lew-border-4: 1px solid rgb(205, 205, 205);
  --lew-border-5: 1px solid rgb(195, 195, 195);
  --lew-border-6: 1px solid rgb(185, 185, 185);
  --lew-border-7: 1px solid rgb(175, 175, 175);
  --lew-border-8: 1px solid rgb(165, 165, 165);
  --lew-border-9: 1px solid rgb(155, 155, 155);

  // 圆角
  --lew-border-radius-mini: 4px;
  --lew-border-radius-small: 8px;
  --lew-border-radius-medium: 12px;
  --lew-border-radius-large: 16px;

  // 标题
  --lew-title-bold: 800;

  // 表单
  --lew-form-border-width: 0.1rem;
  --lew-form-transition-ease: all 0.2s ease;
  --lew-form-transition-bezier: all 0.25s cubic-bezier(0.3, 1.3, 0.3, 1);
  --lew-form-outline: 0px var(--lew-color-primary-light) solid;
  --lew-form-bgcolor: rgba(243, 243, 243, 0.76);
  --lew-form-bgcolor-hover: rgb(228, 228, 228);
  --lew-form-bgcolor-active: rgb(215, 215, 215);
  --lew-form-bgcolor-focus: rgb(255, 255, 255);
  --lew-form-border-color: transparent;
  --lew-form-border-color-hover: rgb(211, 209, 209);
  --lew-form-border-color-active: rgba(0, 0, 0, 0.22);
  --lew-form-border-color-focus: var(--lew-color-primary);
  --lew-form-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  --lew-form-icon-opacity: 1;
  --lew-form-icon-opacity-hover: 0.8;
  --lew-form-icon-opacity-active: 1;

  // 表单尺寸
  --lew-form-input-padding-mini: 1px 8px;
  --lew-form-input-padding-small: 2px 10px;
  --lew-form-input-padding-medium: 4px 12px;
  --lew-form-input-padding-large: 6px 14px;
  --lew-form-upload-padding-mini: 10px 8px;
  --lew-form-upload-padding-small: 14px 10px;
  --lew-form-upload-padding-medium: 18px 12px;
  --lew-form-upload-padding-large: 22px 14px;
  --lew-form-upload-item-padding-mini: 6px;
  --lew-form-upload-item-padding-small: 8px;
  --lew-form-upload-item-padding-medium: 10px;
  --lew-form-upload-item-padding-large: 12px;
  --lew-form-item-height-mini: 26px;
  --lew-form-item-height-small: 30px;
  --lew-form-item-height-medium: 34px;
  --lew-form-item-height-large: 38px;
  --lew-form-input-line-height-mini: 20px;
  --lew-form-input-line-height-small: 22px;
  --lew-form-input-line-height-medium: 24px;
  --lew-form-input-line-height-large: 26px;
  --lew-form-font-size-mini: 12px;
  --lew-form-font-size-small: 13px;
  --lew-form-font-size-medium: 14px;
  --lew-form-font-size-large: 16px;

  // 复选框和单选框
  --lew-checkbox-block-color: var(--lew-bgcolor-2);
  --lew-checkbox-border-color: var(--lew-bgcolor-4);
  --lew-checkbox-color: var(--lew-color-primary);
  --lew-checkbox-color-light: var(--lew-color-primary-light);
  --lew-checkbox-border-color-hover: var(--lew-color-primary);
  --lew-radio-block-color: var(--lew-bgcolor-2);
  --lew-radio-border-color: var(--lew-bgcolor-4);
  --lew-radio-border-color-hover: var(--lew-color-primary);
  --lew-radio-color: var(--lew-color-primary);
  --lew-radio-color-light: var(--lew-color-primary-light);

  // 标签页
  --lew-tabs-active-color: #fff;

  // 对话框和模态框
  --lew-modal-bgcolor: rgba(0, 0, 0, 0.3);
  --lew-modal-header-border: 1px rgb(227, 227, 233) solid;
  --lew-modal-footer-border: 1px rgb(227, 227, 233) solid;

  // 抽屉
  // drawer
  --lew-drawer-bgcolor: rgba(0, 0, 0, 0.6);
  --lew-drawer-header-border: 1px rgb(227, 227, 233) solid;
  --lew-drawer-footer-border: 1px rgb(227, 227, 233) solid;
  //  dialog / modal box
  --lew-modal-box-bgcolor: #fff;
  // loading
  --lew-loading-bgcolor: rgb(255, 255, 255, 0.8);
  // popover
  --lew-pop-bgcolor: #fff;

  // popover
  --lew-pop-border: 1px rgba(211, 211, 221, 0.693) solid;
  --lew-pop-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  --lew-tooltip-shadow: 0 0px 20px #0000002c;

  // table
  --lew-table-header-bgcolor: rgb(249, 249, 249);
  --lew-table-header-bgcolor-hover: rgb(237, 237, 237);
  --lew-table-header-bgcolor-active: rgb(231, 231, 231);
  --lew-table-border: 1px #f6f5f8 solid;
  --lew-table-tr-selected: #eef3ff;
  --lew-table-scroll-line-color-start: rgba(0, 0, 0, 0);
  --lew-table-scroll-line-color-end: rgba(0, 0, 0, 0.15);
  --lew-pop-bgcolor: rgba(255, 255, 255, 1);
  --lew-pop-bgcolor-active: rgba(0, 0, 0, 0.05);
  --lew-tooltip-bg: #fff;
  --lew-tooltip-color: #000;

  // 渐变背景
  --lew-expand-control-bg-gradient: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.lew-dark {
  // 色彩系统

  --lew-color-red: rgba(235, 86, 69, 0.862);
  --lew-color-red-dark: rgb(255, 97, 89);
  --lew-color-red-light: rgba(255, 106, 89, 0.0918);
  --lew-color-orange: rgba(242, 163, 60, 0.764);
  --lew-color-orange-dark: rgb(255, 196, 77);
  --lew-color-orange-light: rgba(255, 178, 77, 0.0918);
  --lew-color-yellow: rgba(255, 224, 84, 0.774);
  --lew-color-yellow-dark: rgb(255, 246, 65);
  --lew-color-yellow-light: rgba(255, 220, 65, 0.0918);
  --lew-color-green: rgb(59, 172, 119);
  --lew-color-green-dark: rgb(94, 241, 136);
  --lew-color-green-light: rgba(105, 206, 103, 0.0918);
  --lew-color-mint: rgba(131, 210, 206, 0.755);
  --lew-color-mint-dark: rgb(144, 229, 225);
  --lew-color-mint-light: rgba(144, 229, 225, 0.0918);
  --lew-color-teal: rgba(128, 193, 217, 0.787);
  --lew-color-teal-dark: rgb(139, 210, 236);
  --lew-color-teal-light: rgba(139, 210, 236, 0.0918);
  --lew-color-cyan: rgba(106, 196, 221, 0.762);
  --lew-color-cyan-dark: rgb(116, 217, 244);
  --lew-color-cyan-light: rgba(116, 216, 244, 0.0918);
  --lew-color-blue: rgb(43, 135, 255);
  --lew-color-blue-dark: rgb(43, 135, 255);
  --lew-color-blue-light: #28303fda;
  --lew-color-indigo: rgb(95, 93, 222);
  --lew-color-indigo-dark: rgb(119, 105, 245);
  --lew-color-indigo-light: rgba(107, 105, 245, 0.0918);
  --lew-color-purple: rgba(179, 96, 234, 0.869);
  --lew-color-purple-dark: rgb(214, 87, 253);
  --lew-color-purple-light: rgba(199, 114, 255, 0.0918);
  --lew-color-pink: rgba(237, 94, 115, 0.823);
  --lew-color-pink-dark: rgb(255, 73, 100);
  --lew-color-pink-light: rgba(234, 75, 99, 0.0918);
  --lew-color-brown: rgba(167, 143, 109, 0.9);
  --lew-color-brown-dark: rgb(255, 199, 121);
  --lew-color-brown-light: rgba(203, 175, 136, 0.0918);
  --lew-color-gray: rgb(152, 152, 157);
  --lew-color-gray-dark: rgb(240, 240, 240);
  --lew-color-gray-light: rgba(209, 209, 209, 0.0918);
  --lew-color-black: var(--lew-bgcolor-2-invert);
  --lew-color-black-dark: var(--lew-bgcolor-0-invert);
  --lew-color-black-light: var(--lew-bgcolor-1);

  --lew-color-success: var(--lew-color-green);
  --lew-color-success-dark: var(--lew-color-green-dark);
  --lew-color-success-light: var(--lew-color-green-light);
  // 常规
  --lew-color-normal: var(--lew-color-gray);
  --lew-color-normal-dark: var(--lew-color-gray-dark);
  --lew-color-normal-light: var(--lew-color-gray-light);
  // 危险
  --lew-color-danger: var(--lew-color-red);
  --lew-color-danger-dark: var(--lew-color-red-dark);
  --lew-color-danger-light: var(--lew-color-red-light);
  // 错误
  --lew-color-error: var(--lew-color-red);
  --lew-color-error-dark: var(--lew-color-red-dark);
  --lew-color-error-light: var(--lew-color-red-light);
  // 警告
  --lew-color-warning: var(--lew-color-orange);
  --lew-color-warning-dark: var(--lew-color-orange-dark);
  --lew-color-warning-light: var(--lew-color-orange-light);
  // 提示
  --lew-color-info: var(--lew-color-blue);
  --lew-color-info-dark: var(--lew-color-blue-dark);
  --lew-color-info-light: var(--lew-color-blue-light);
  // 主题色
  --lew-color-primary: var(--lew-color-blue);
  --lew-color-primary-dark: var(--lew-color-blue-dark);
  --lew-color-primary-light: var(--lew-color-blue-light);
  // 全局
  --lew-color-white: #fff;
  --lew-color-white-text: rgba(255, 255, 255, 0.9);

  // 全局
  --lew-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
  // 背景
  --lew-bgcolor-0: rgb(24, 27, 33);
  --lew-bgcolor-1: rgb(38, 40, 50);
  --lew-bgcolor-2: rgb(43, 46, 57);
  --lew-bgcolor-3: rgb(54, 56, 70);
  --lew-bgcolor-4: rgb(66, 68, 82);
  --lew-bgcolor-5: rgb(78, 81, 96);
  --lew-bgcolor-6: rgb(90, 93, 108);
  --lew-bgcolor-7: rgb(97, 99, 118);
  --lew-bgcolor-8: rgb(111, 113, 135);
  --lew-bgcolor-9: rgb(119, 122, 140);
  // 背景反相
  --lew-bgcolor-0-invert: rgb(255, 255, 255);
  --lew-bgcolor-1-invert: rgb(245, 245, 245);
  --lew-bgcolor-2-invert: rgb(235, 235, 235);
  --lew-bgcolor-3-invert: rgb(225, 225, 225);
  --lew-bgcolor-4-invert: rgb(215, 215, 215);
  --lew-bgcolor-5-invert: rgb(205, 205, 205);
  --lew-bgcolor-6-invert: rgb(195, 195, 195);
  --lew-bgcolor-7-invert: rgb(185, 185, 185);
  --lew-bgcolor-8-invert: rgb(175, 175, 175);
  --lew-bgcolor-9-invert: rgb(165, 165, 165);
  // 反相
  --lew-text-color-0: rgb(255, 255, 255);
  --lew-text-color-1: rgb(235, 235, 235);
  --lew-text-color-2: rgb(215, 215, 215);
  --lew-text-color-3: rgb(195, 195, 195);
  --lew-text-color-4: rgb(175, 175, 175);
  --lew-text-color-5: rgb(155, 155, 155);
  --lew-text-color-6: rgb(135, 135, 135);
  --lew-text-color-7: rgb(115, 115, 115);
  --lew-text-color-8: rgb(95, 95, 95);
  --lew-text-color-9: rgb(75, 75, 75);
  // 字体颜色
  --lew-text-color-0-invert: rgb(0, 0, 0);
  --lew-text-color-1-invert: rgb(30, 30, 30);
  --lew-text-color-2-invert: rgb(50, 50, 50);
  --lew-text-color-3-invert: rgb(70, 70, 70);
  --lew-text-color-4-invert: rgb(90, 90, 90);
  --lew-text-color-5-invert: rgb(110, 110, 110);
  --lew-text-color-6-invert: rgb(130, 130, 130);
  --lew-text-color-7-invert: rgb(150, 150, 150);
  --lew-text-color-8-invert: rgb(170, 170, 170);
  --lew-text-color-9-invert: rgb(190, 190, 190);
  // 边界
  --lew-border-0: 1px solid rgb(36, 37, 42);
  --lew-border-1: 1px solid rgb(49, 50, 56);
  --lew-border-2: 1px solid rgb(62, 63, 70);
  --lew-border-3: 1px solid rgb(75, 76, 83);
  --lew-border-4: 1px solid rgb(88, 89, 96);
  --lew-border-5: 1px solid rgb(101, 102, 109);
  --lew-border-6: 1px solid rgb(114, 115, 122);
  --lew-border-7: 1px solid rgb(121, 123, 133);
  --lew-border-8: 1px solid rgb(133, 135, 146);
  --lew-border-9: 1px solid rgb(146, 147, 158);
  // 表单样式
  --lew-form-bgcolor: #2f313b;
  --lew-form-bgcolor-hover: #3c3e4b;
  --lew-form-bgcolor-active: #1d1d26;
  --lew-form-bgcolor-focus: #1f1f25;
  --lew-form-border-color-hover: rgb(59, 58, 58);
  --lew-form-border-color-focus: var(--lew-color-primary);
  --lew-form-outline: 0px var(--lew-color-primary-light) solid;
  // tabs
  --lew-tabs-active-color: #4d4d57;
  // dialog / modal
  --lew-modal-bgcolor: rgba(0, 0, 0, 0.727);
  --lew-modal-header-border: 1px rgba(255, 255, 255, 0.1) solid;
  --lew-modal-footer-border: 1px rgba(255, 255, 255, 0.1) solid;
  // drawer
  --lew-drawer-bgcolor: rgba(0, 0, 0, 0.45);
  --lew-drawer-header-border: 1px rgba(255, 255, 255, 0.1) solid;
  --lew-drawer-footer-border: 1px rgba(255, 255, 255, 0.1) solid;
  //  dialog / modal box
  --lew-modal-box-bgcolor: #22232b;
  // loading
  --lew-loading-bgcolor: rgba(0, 0, 0, 0.7);


  // popover
  --lew-pop-border: 1px rgba(255, 255, 255, 0.15) solid;
  // table
  --lew-table-header-bgcolor: #20222a;
  --lew-table-header-bgcolor-hover: #2b2e38;
  --lew-table-header-bgcolor-active: #1c1f25;
  --lew-table-border: 1px rgba(255, 255, 255, 0.05) solid;
  --lew-table-tr-selected: #3f4350;
  --lew-table-scroll-line-color-start: rgba(0, 0, 0, 0);
  --lew-table-scroll-line-color-end: rgba(0, 0, 0, 0.728);
  // checkbox
  --lew-checkbox-block-color: var(--lew-bgcolor-2);
  --lew-checkbox-border-color: var(--lew-bgcolor-4);
  --lew-checkbox-color: var(--lew-color-primary);
  --lew-checkbox-color-light: var(--lew-color-primary-light);
  --lew-checkbox-border-color-hover: var(--lew-color-primary);
  --lew-radio-block-color: var(--lew-bgcolor-2);
  --lew-radio-border-color: var(--lew-bgcolor-4);
  --lew-radio-border-color-hover: var(--lew-color-primary);
  --lew-radio-color: var(--lew-color-primary);
  --lew-radio-color-light: var(--lew-color-primary-light);
  --lew-pop-bgcolor: #24262f;
  --lew-pop-bgcolor-active: rgba(255, 255, 255, 0.05);
  --lew-tooltip-bg: #404249;
  --lew-tooltip-color: #fff;
  --lew-pop-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06);
  --lew-expand-control-bg-gradient: linear-gradient(rgba(0, 0, 0, 0) 0%, #1a1b20 100%);
}
